@charset "utf-8";
$font-size: 40;
@function r($px) {
  @return $px/(2*$font-size) * 1rem;
}

header {
  width: 100%;
  height: r(76);
  position: absolute;
  top: 0;
  border-bottom: 1px solid #a8a9a8;
  a {
      margin-left: r(28);
      height: r(76);
      display: block;
    .iconfont ,.icon-youbian1:before{
        vertical-align: top;
        position: relative;
        top: r(6);
      font-size: r(36);
      color: black;
    }
  }
  h4 {
    font-size: r(30);
    line-height: r(76);
    text-align: center;
    text-indent: r(76);
  }
  div{
      height: r(76);
      font-size: 0;
        a{
            margin-right:r(28) ;
            margin-left: 0;
            display: inline-block;
            float: left;
            font-size: r(35);
            vertical-align: top;
          span{
            color: black;
            padding-top: r(18);
          }
        }
   }   
}

section {
  width: 100%;
  position: absolute;
  top: r(77);
  bottom: r(80);
  overflow-y: scroll;
  .banner {
    width: 100%;
    height: r(300);
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }
  article {
    width: r(585);
    margin: r(28) auto 0;
    .intro {
      div {
        width: r(107);
        height: r(102);
        img {
          width: 100%;
          height: 100%;
        }
      }
      p{
        color: rgba(0,0,0,0.7);
        float: left;
      }
      p:nth-of-type(1) {
        font-size: r(24);
      }
      p:nth-of-type(2) {
        font-size: r(20);
        color: #a8a9a8;
        width: r(390);
      }
    }
    table {
      margin-top: r(30);
      tr {
        height: r(50);
        td {
          font-size: r(20);
          color: rgba(0,0,0,0.5);
          textarea.jianjie {
            width: r(515);
            height: r(90);
            background: rgb(242, 242, 242);
            border-radius: r(5);
            border: none;
            border: 1px solid rgb(242, 242, 242);
            text-indent: r(8);
          }
          textarea::-webkit-input-placeholder {
            font-size: r(20);
          }
          .huodong {
            width: r(212);
            height: r(212);
            img {
              width: 100%;
              height: 100%;
            }
          }
        }
        td:nth-of-type(1) {
          width: r(33);
        }
        td:nth-of-type(2) {
          width: r(110);
          text-align: justify;
        }
      }
    }
  }
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: r(80);
  background: rgba(51, 51, 51, 0.8);
  line-height: r(80);
  text-align: center;
  p{
    a{
      text-align: center;
      font-size: r(30);
      color: white;
    }
  }

}
